﻿<!DOCTYPE html>
<!--管理人员安全履职能力评估报告-->
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
        <script src="/static/js/common.js"></script>

    <style>
        .el-dialog__body {
            height: 100% !important;
        }

        .el-dialog.is-fullscreen {
            overflow: hidden !important;
        }


        body {
            padding-bottom: 10px;
        }

        .el-col,
        td {
            padding: 5px !important;
            font-size: 14px !important;
        }

        td {
            padding: 0 10px;
            font-size: 14px;
        }
    </style>
</head>

<body>
    
<div id="app" v-cloak>   
        <div style="width:100%;text-align:center ">
            <label style="font-weight:bold">管理人员安全履职能力评估报告</label>
        </div>

        <table style="width:100%">
            <tr>
                <td width="100%">
                    <span @click="label_click('pg','320000201806017131')">评估计划</span>
                    &nbsp;&nbsp;&nbsp;&nbsp;
                    <span @click="label_click('gr','320000201806017131')">个人评估表</span>

                </td>

            </tr>
        </table>

        <el-form :model="Form" ref="ruleForm" :rules="rules" status-icon style="margin-top:5px;width:100%" class="">

            <div>

                <br /><br />
                评估目的:{{Form.assessPurpose}}
                <br /><br />
                评估时间:{{Form.assessTime}}
                <br /><br />
                评估内容:{{Form.assessContent}}
                <br /><br />
                评估对象:{{Form.assessObj}}
                <br /><br />
                评估人数:8
                <br /><br />
                评审小组:{{Form.reviewGroup}}
                <br /><br />
                评估方式:{{Form.assessMethod}}


                <br /><br />
                评估结果:
                <br /><br />
                XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
                <br /><br />
                XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

            </div>



            <el-row>
                <el-col :span="24">
                    <div class="elst-select-mini">
                        <el-form-item>
                            <div class="el-input--mini el-input-group">
                                <div class="el-input-group__prepend">
                                    {{PerformanceAssessPlan.ReviewOpinion+mark.m}}
                                </div>
                                <el-input class="el-textarea__inner" type="textarea" v-model="Form.reviewOpinion"
                                    autocomplete="off"></el-input>

                            </div>
                        </el-form-item>
                    </div>
                </el-col>
            </el-row>




            <el-row>
                <el-form-item class="fr">
                    <!--<el-button type="primary" @click="onSubmitForm('ruleForm')">{{col.btnSave}}</el-button>-->
                    <el-button type="primary" @click="onSubmitForm('ruleForm')">{{col.btnCommit}}</el-button>
                    <el-button type="primary" @click="parent.ListItem.dialogVisible=false">{{col.btnBack}}</el-button>
                </el-form-item>
            </el-row>

        </el-form>

        <!-- 弹出页 -->
        <el-dialog title="" :visible.sync="ListItem.dialogVisible" @close='closeDialog' width="80%" height="80%"
            top="10vh" fullscreen="true">
            <iframe ref="iframe" :src="ListItem.InputUrl" style="height:95%;width:100%" frameborder="0"></iframe>
        </el-dialog>

    </div>
    <script type="text/javascript">
        app = new Vue({
            el: '#app',
            data: {

                id: '',
                title: '',
                Form: {
                    assessPurpose: '',
                    assessTime: '',
                    assessContent: '',
                    assessObj: '',
                    reviewGroup: '',
                    assessMethod: '',
                    reviewOpinion: '',

                },

                ListItem: ListItem,

                //表单验证
                rules: {
                    ////自我评价
                    //selfEvaluation: [
                    //    verification.NotNull
                    //],
                    ////下一步提升计划
                    //nextStepImprovementPlan: [
                    //    verification.NotNull
                    //],
                    //评审意见
                    reviewOpinion: [
                        verification.NotNull
                    ],
                }

                //
            },
            methods: {
                //解決edge下select bug
                visibleChange: function (isVisible) {
                    visibleChange(isVisible)
                },
                indexMethod: function (index) {
                    return (this.ListItem.currentPage - 1) * this.ListItem.pagesize + index + 1;
                },
                handleNodeClick: function (data) {
                    console.log(data);
                },
                handleSelect: function (ev) {
                    console.log(ev);
                },
                handleChecked: function (value) {
                },
                handleCheckedConfirmation: function (value) {
                },
                deleteRow: function (index, rows) {
                    rows.splice(index, 1);
                },
                getData: function () {
                    getData(this, '/api/DutiesAndResponsibilities/get?id=' + this.id);
                    console.log("xxxxxx", this.id);

                },

                //提交数据
                onSubmitForm: function (formName) {
                    //alert(formName);
                    var mythis = this;
                    //console.log(mythis)
                    this.$refs[formName].validate(function (valid) {
                        //验证通过
                        if (valid) {
                            onSubmitForm(this, '/api/DutiesAndResponsibilities/GRSBSave', mythis.Form);
                        } else {
                            showMessage(msg.NoMust, 'error');
                            //验证失败
                            return false;
                        }
                    });


                },

                //点击表格中数据发生方法
                label_click: function (val, id) {
                    //alert("xxxx");
                    if (val == "pg") {
                        DialogShow(this, val, "PerformanceAssessPlanShow.html", id); //评估计划
                    } else {
                        DialogShow(this, val, "PersonalAssessmentTableDetails.html", id); //个人评估
                    }
                },

            },
            mounted: function () {
                this.id = getUrlParam("id");
                this.getData();

            }
        });
    </script>
</body>

</html>